<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>九江学院教育学院</title>
    <style>
        /*公共部分*/
        * {padding:0;margin:0;list-style:none;}
        body{background:#fff;font-family:"微软雅黑",arial,verdana,sans-serif;font-size:14px;color:#666;overflow-x: hidden}
        .cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
        .w{width:1000px;margin:0 auto;}
        a{text-decoration:none;color:#666;font-size:14px;}
        /*头部*/
        header top{
            display: block;
            background: #700005;
            height:27px;
            line-height:27px;
        }
        header top .fl{
            float: left;
            width: 50%;
            height: 27px;
            line-height: 27px;
        }
        header top .fr{
            float: left;
            width: 50%;
            height: 27px;
            line-height: 27px;
        }
        header top ul li{
            float: left;
            margin: 0 10px;
        }
        header a{
            color: white;
            font-size: 12px;
        }
        header mid{
            display: block;
            background: #8c000b;
        }

        header .logo{
            display: block;
            padding: 18px;
        }
        header .logo{background:url(image/logobg.jpg) no-repeat right bottom;}
        /*导航栏部分*/
        nav{height:46px;line-height:46px;margin: 0px 100px;font-size: 16px;text-align: center}

        nav ul li{
            float: left;
            line-height: 46px;
            text-align: center;
            position: relative;
            display: inline-block;
        }
        nav a{text-decoration: none; color:black;padding: 0 12px;font-size: 16px}
        nav ul li ul{ position: absolute;z-index:999;background: white;}
        nav ul li:hover{background-color: #8c0000;}
        nav ul li:hover >a{color: white}
        nav ul li ul li:hover a{color: white}
        nav ul li ul li{display: none;width: 100%/*隐藏二级菜单*/}
        nav ul li:hover ul li{display: block;}

        .nav a{text-decoration: none; color:black;padding: 0 12px}
        .nav ul li ul{ position: absolute;z-index:999;background: white;}
        .nav ul li:hover{background-color: #8c0000;}
        .nav ul li:hover >a{color: white}
        .nav ul li ul li:hover a{color: white}
        .nav ul li ul li{display: none;width: 100%/*隐藏二级菜单*/}
        .nav ul li:hover ul li{display: block;}
        /*轮播图*/
        banner{height:398px;width:2000px;display:block;position: relative;left: 50%;margin-left: -1000px;overflow: hidden}
        banner .lb{width:500px;width:500px;height:398px;float:left;}
        banner .mb{width:1000px;height:398px;float: left}
        banner  img{width: 100%;height: 398px;}
        banner .rb{width:500px;height:398px;left:50%;float:left;}
        /*main*/

        main article{
            width: 736px;
            float: left;
        }
        main .left{
            float: left;
            width:42%;
        }
        main .top{
            height: 40px;
            width: 736px;
            margin-top:20px;
            border-bottom:1px solid #cccccc ;
        }
        main .top ul li{float:left;padding: 0 15px;font-size:18px;cursor: pointer;line-height: 36px;}
        main .top .on{padding-bottom: 4px;border-bottom: 2px solid #8c0000;color: #8c0000}
        main span{float: right}
        main span a{font-size:12px;line-height: 36px}
        main .body{

            margin: 20px 20px 3% 0;
            clear: both;
            position: relative;

        }
        main .body h3{font-size: 16px;color: black;padding: 15px 0;font-weight: 400;}
        main .right{
            margin:20px 0;
            float: left;
            width: 55%;
        }
        main .right ul li{
            width: 96%;
            margin-right: 4%;
            float: left;
            border-bottom: 1px solid #e5e5e5;
            padding: 3px 0 8px;
            margin-bottom: 10px;
            line-height: 1.6em;
        }
        main .white{
            height: 114px;
            width: 100%;
            clear: both;
        }
        main article .footer{
            margin-bottom: 30px;
        }
        main article .footer h3{color: #8c0000;font-size: 18px;font-weight: 400;padding-bottom:24px; }
        main article .footer h3:after{content: "/友情链接";color: black}
        main article .footer .one li{box-sizing: border-box;float: left;border:1px solid darkgrey;width: 23%;margin-right: 2%;margin-top:25px;ursor: pointer;display: list-item;}
        main article .footer ul .mr{margin-right: 0px}
        main article .footer .two li a{margin-right: 10px;float: left;margin-top:25px}
        main aside{
            width: 234px;
            margin-top:30px;
            margin-left:30px;
            float: left;
            display: inline;
            min-height: 500px;
            font-family: "微软雅黑";

        }
        main aside .tz{
            height: 40px;
            line-height: 40px;
            margin-bottom: 30px;
            background: url(image/tongzhi2tit.jpg);
        }
        main aside .tz a{
            text-decoration: none;
            font-size: 18px;
            color: #fff;

        }
        main aside .tz a:before{content:"";height:15px;width: 30px;background:url(image/tongzhi2tit1.png) no-repeat center;
            display: inline-block}
        main aside li{display: list-item;padding-bottom: 25px}
        main aside li .lsection{float:left;width: 24%;margin-right: 4%;background: #eee;padding: 8px 0}
        main aside li .lsection h3{
            width: 59px;
            text-align: center;
            color: #333;
            font-size: 18px;
            font-weight: 400;
        }
        main aside li .lsection h4{
            width: 59px;
            text-align: center;
            color: #999;
            font-size: 12px;
            font-weight: 400;
        }
        main aside li .rsection h3 a{
            color: #8c0000;
            /*font-size: 18px;*/
            font-weight: 400;
        }
        footer{background: #8c0000;padding-top:50px;padding-bottom: 50px;color: white;font-weight: 300;height: 1000px }
        footer .bg{float:left;margin-left: 250px;margin-top:22px;margin-right: 35px}
        footer p{
            padding-left: 100px;
            color: #fcd8d8;
            font-size: 12px;
            line-height: 22px;

        }




    </style>
</head>
<body>
<header class="cl">
    <top>
        <div class="w cl">
            <div class="fl">&nbsp</div>
            <div class="fr">
                <ul>
                    <li><a href="#">设为首页</a></li>
                    <li><a href="#">加入收藏</a></li>
                </ul>
            </div>
        </div>
    </top>

    <mid >
        <h1 class="logo w">
            <img src="image/jyxy .png" alt="教育学院" width="577" height="74">
        </h1>

    </mid>
</header>

<!--导航菜单-->
<nav class="w">
    <ul>
        <li ><a href="#" >网站首页</a></li>
        <li ><a href="#">学院概况</a>
            <ul>
                <li><a href="#">学院简介</a></li>
                <li><a href="#">机构设置</a></li>
                <li><a href="#">现任领导</a></li>
            </ul>
        </li>

        <li ><a href="#">党群活动</a>
            <ul>
                <li><a href="#">组织建设</a></li>
                <li><a href="#">党建动态</a></li>
                <li><a href="#">工会工作</a></li>
                <li><a href="#">党史建设</a></li>
            </ul>
        </li>
        <li ><a href="#">学科建设</a>
            <ul>
                <li><a href="#">精品课程</a></li>
                <li><a href="#">专业设置</a></li>
                <li><a href="#">师资队伍</a></li>
            </ul>
        </li>
        <li ><a href="#">教学工作</a>
            <ul>
                <li><a href="#">教务信息</a></li>
                <li><a href="#">考务信息</a></li>
            </ul>
        </li>
        <li ><a href="#">科学研究</a>
            <ul>
                <li><a href="#">科研项目</a></li>
                <li><a href="#">科研成果</a></li>
                <li><a href="#">学术活动</a></li>
            </ul>
        </li>
        <li ><a href="#">学生工作</a>
            <ul>
                <li><a href="#">规章制度</a></li>
                <li><a href="#">学工队伍</a></li>
                <li><a href="#">团学动态</a></li>
                <li><a href="#">就业信息</a></li>
            </ul>
        </li>
        <li ><a href="#">实验实训中心</a>
            <ul>
                <li><a href="#">中心简介</a></li>
                <li><a href="#">规章制度</a></li>
                <li><a href="#">实验管理</a></li>
                <li><a href="#">资料下载</a></li>
            </ul>
        </li>
        <li ><a href="#">教师资料中心</a>
        <li ><a href="#">下载中心</a>
    </ul>
</nav>
<!-- 轮播图 -->
<banner >
    <div class="lb">
        <img src="image/l.jpg" >
    </div>

    <div class="mb w">
        <img src="image/sfrz.jpg" alt="教育学院">
    </div>

    <div class="rb">
        <img src="image/r.jpg" >
    </div>

</banner>

<!-- 页面主体-->
<main class="w cl">
    <!-- 左 -->
    <article>
        <section class="top">
            <ul>
                <li class="on">学院动态</li>
                <li>团学动态</li>
                <li>教务信息</li>
            </ul>
            <span><a href="#">更多+</a></span>
        </section>

        <section class="body left">
            <img src="image/xydt.jpg" width="306" height="185"><br>
            <h3>师范类专业认证知识手册</h3>
            <a>师范类专业认证知识手册——教育技术学专业前言师范类专业认证是贯彻落实新时代中国特色社会主义思想和党的十九大精神，…</a>
        </section>

        <section class="right">
            <ul>
                <li>
                    <a href="#">师范类专业认证知识手册 </a>
                    <span style="float:right ;">10-11</span>
                </li>
                <li>
                    <a href="#">我校召开2022年师范类专业认证专家意见反馈会 </a>
                    <span style="float:right ;">10-20</span>
                </li>
                <li>
                    <a href="#">教育部师范类专业认证专家组今日开展对我校三个师范专业集中线上考察 </a>
                    <span style="float:right ;">10-18</span>
                </li>
                <li>
                    <a href="#">教育学院组织师生集中观看党的二十大开幕会 </a>
                    <span style="float:right ;">10-16</span>
                </li>

                <li>
                    <a href="#">教育学院召开全院教职工大会暨师范专业认证工作推进会 </a>
                    <span style="float:right ;">10-13</span>
                </li>
                <li>
                    <a href="#">副校长王殿元深入一线课堂听课 </a>
                    <span style="float:right ;">10-11</span>
                </li>
            </ul>
        </section>
        <section class="white"></section>

        <!-- 下 -->
        <section class="footer">
            <h3>
                快捷方式
            </h3>
            <hr style="height:1px;border:none;border-top:2px solid #8c0000;">
            <ul class="cl one">
                <li><a href="#"><img src="image/bottom1.jpg"></a></li>
                <li><a href="#"><img src="image/botton2.jpg"></a></li>
                <li><a href="#"><img src="image/bottom3.jpg"></a></li>
                <li  class="mr"><a href="#"><img src="image/bottom4.jpg"></a></li>
                <li><a href="#"><img src="image/bottom5.jpg"></a></li>
                <li><a href="#"><img src="image/bottom6.jpg"></a></li>
                <li><a href="#"><img src="image/bottom7.jpg"></a></li>
                <li class="mr"><a href="#"><img src="image/bottom8.jpg"></a></li>
            </ul>
            <ul class="cl two">
                <li><a href="#">校务直通车</a></li>
                <li><a href="#">在线学习</a></li>
                <li><a href="#">专题网站</a></li>
                <li><a href="#">独立学院</a></li>
                <li><a href="#">招标与竞价</a></li>
                <li><a href="#">信息公开网</a></li>
                <li><a href="#">中组部干训基地</a></li>
                <li><a href="#">本科招生网</a></li>
                <li><a href="#">学位授予仪式</a></li>
            </ul>
        </section>
    </article>


    <!-- 侧边栏 -->
    <aside class="cl">
        <div class="tz"><a href="#" target="_blank">通知公告</a></div>
        <li class="cl">
            <section class="lsection">
                <h3>11</h3>
                <h4>2022.08</h4>
            </section>
            <section class="rsection">
                <h3><a href="#">心理咨询师基础培训班招生简章</a></h3>
            </section>
        </li>
        <li class="cl">
            <section class="lsection">
                <h3>27</h3>
                <h4>2022.09</h4>
            </section>
            <section class="rsection">
                <h3><a href="#">关于开展“国庆”安全隐患排查整治专项行动的通知</a></h3>
            </section>
        </li>
        <li class="cl">
            <section class="lsection">
                <h3>10</h3>
                <h4>2021.11</h4>
            </section>
            <section class="rsection">
                <h3><a href="#">关于教育学院学生会改革情况公示的通知</a></h3>
            </section>
        </li>
        <li class="cl">
            <section class="lsection">
                <h3>13</h3>
                <h4>2021.04</h4>
            </section>
            <section class="rsection">
                <h3><a href="#">关于举办党史学习教育校宣讲团宣讲报告会的通知</a></h3>
            </section>
        </li>
        <li class="cl">
            <section class="lsection">
                <h3>19</h3>
                <h4>2021.03</h4>
            </section>
            <section class="rsection">
                <h3><a href="#">关于表彰第十八届“心理健康文化节”先进集体、优秀个人的通知</a></h3>
            </section>
        </li>
        <img src="image/linkimg1.jpg" alt="">
        <img src="image/linkimg3.jpg" alt="">
        <section>
            <form action="#">
                <input type="text">
                <input type="submit" value="搜索">
            </form>

        </section>
    </aside>
</main>
<a href="#"></a>    <!--页面底部-->
<footer >
    <div class="l">
        <img class="bg" src="image/footerlbg.png">
        <p class="w">
            学校地址：江西省九江市前进东路551号
            <br>
            邮政编码：332005  招生电话：0792-8310030 8310031<br>
            Email：jjuxb@jju.edu.cn<br>
            Copyright 2013 九江学院教育学院版权所有<br>
            备案序号：赣ICP备10004574号
        </p>
    </div>
    <div class="r">
        <h3>手机版</h3>
        <img class="ma" src="image/ma.png">
        <h5>扫一扫手机访问</h5>
    </div>


</footer>
</body>
</html>

